﻿/*main hinh lon hon 960 vi mac dinh container la 1170px len fix neu man hinh lon hon sẽ hien thi 960*/
@media only screen and (min-width:980px) {
    .container { width: 980px !important; }
    .container-fluid { width: 980px !important; }
}
@media only screen and (min-width:768px) and (max-width:980px) {
    .container { width: 900px; }
    .container-fluid { width: 900px; }
}
.padding-fix { margin-right: -15px; margin-left: -15px; }
.box-shadow { box-shadow: 0 2px 5px rgba(0,0,0,.25); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); -moz-box-shadow: 0 2px 5px rgba(0,0,0,.25); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.wrapper-inner { background: #ffffff; padding: 10px; font-size: 12px; }
/*--Start #hearder --*/
body { background-image: url(../images/bg-body.png); background-repeat: repeat; font-family: Arial, tahoma, Verdana; font-size: 12px; }

div.language-top { background-image: url(../images/bg-language.png); background-repeat: no-repeat; height: 27px; width: 187px; color: #ffffff; padding: 5px 0px; }
div.language-top a { margin-right: 10px; }
div.language-top ul, ol { margin-top: 0; margin-bottom: 10px; list-style: none; float: right; padding: 0px 10px; }
div.language-top ul li { float: right; }
div.language-top ul li a { color: #ffffff; font-weight: bold; }
div.language-top ul li a:hover { text-decoration: none; color: #F0AD4E; font-weight: bold; }
div.search-top { background-image: url(../images/bg-search-top.png); background-repeat: no-repeat; height: 37px; width: 310px; padding: 0px 0px 0px 10px; }
div.search-top .TextBox { background: url(../images/bginputform.gif) bottom repeat-x; width: 254px; padding: 3px 3px 5px 3px; /* padding: 3px 3px 4px 3px; */ background: #ffffff; border-top: #b9c0c7 1px solid; border-left: #b9c0c7 1px solid; border-right: #e3e9ef 1px solid; border-bottom: #e3e9ef 1px solid; -moz-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; margin: 2px 0px 2px 0px; }
.search-top input[type="submit"] { -webkit-appearance: button; cursor: pointer; margin: -4px 0px 0px 0px; background: transparent; width: 40px; /* height: 38px; */ display: inline-block; padding: 9px; border: none; }
.nav-inner { width: 100%; }
.nav-inner .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #036ebb; }
.nav-inner .navbar-inverse { background-image: url(../images/bg-menu-hearder.png); background-repeat: repeat-x; border-color: #036ebb; }
.nav-inner .navbar-inverse .navbar-nav > li > a { color: #ffffff; text-transform: uppercase; font-weight: bold; }
.nav-inner .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background-color: transparent; opacity: 1.25; font-weight: bold; color: #f0ad4e; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #f0ad4e; background-color: transparent; font-weight: bold; }
.nav-inner .nav > li { position: relative; display: block; background-image: url(../images/line-menu-hearder.png); background-repeat: no-repeat; background-position: top right; }
.nav-inner .nav > li:last-child { position: relative; display: block; background-image: none; background-repeat: no-repeat; background-position: top right; }
.nav-inner .navbar-brand { float: left; padding: 0px; font-size: 18px; line-height: 20px; height: 38px; }
/**.nav-inner .navbar-nav { margin: -0.5px 0px; }**/
.nav-inner .navbar-collapse.in { overflow-y: hidden; }
/*--End #header --*/
/*--Start slide--*/
.main-top .wrapper-slide { max-width: 694px; max-height: 286px; }
.main-top .wrapper-bar { max-width: 286px; max-height: 286px; padding-left: 8px; }
.wrapper-bar .background-bar-01 { width: 278px; height: 88px; background-image: url(../images/bar-01.png); background-repeat: no-repeat; font-size: 13px; }
.wrapper-bar .background-bar-02 { width: 278px; height: 88px; background-image: url(../images/bar-02.png); background-repeat: no-repeat; font-size: 13px; margin: 11px 0px; }
.wrapper-bar .background-bar-03 { width: 278px; height: 88px; background-image: url(../images/bar-03.png); background-repeat: no-repeat; font-size: 13px; }
.wrapper-bar a:hover { color: #F0AD4E; text-decoration: none; }
.margin-bar-11 { margin: 11px 0px; }
.carousel-caption { position: absolute; /* left: 15%; */ /* right: 15%; */ bottom: 0px; z-index: 10; /* padding-top: 20px;  */ /* padding-bottom: 20px; */ color: #fff; text-align: left; text-shadow: 0 1px 2px rgba(0,0,0,0.6); }
.carousel-caption { left: 20%; right: 20%; padding-bottom: 0px; }
.pseudo { height: 47px; width: 100%; background-color: #000000; opacity: .25; }
.carousel-caption { left: 0%; right: 0%; padding-bottom: 0px; background-image: url(../images/pseudo.png); background-repeat: repeat-x; height: 50px; padding-left: 27px; font-size: 14px; }
.main-bottom { max-width: 980px; max-height: 198px; }
.main-bottom .wrapper-slide-bottom { max-height: 201; max-width: 694px; }
.main-bottom .wrapper-bar-bottom { max-height: 201; max-width: 286px; margin-left: 4px; }
.main-bottom .background-bar-bottom { width: 282px; height: 201px; background-image: url(../images/bg-bar-bottom.png); background-repeat: no-repeat; padding: 10px; }

/*--End Slide--*/
/*-- Start Slide bottom-->
/*Horizontal Orientation CSS*/
.jscarousal-horizontal { width: 694px; height: 198px; background-color: #ffffff; /* border: solid 1px #7A7677; */ margin: 0; padding: 0; padding: 0px 0px 0px 0px; position: relative; /* overflow: hidden; */ }
.jscarousal-horizontal-back, .jscarousal-horizontal-forward { float: left; width: 30px; height: 198px; /* background-color: #121212; */ /* color: white; */ position: relative; /* top: 6px; */ cursor: pointer; }
.jscarousal-horizontal-back { background-image: url(../images/pre.png); background-repeat: no-repeat; background-position: left; }
.jscarousal-horizontal-forward { background-image: url(../images/next.png); background-repeat: no-repeat; background-position: right; }
.jscarousal-contents-horizontal { width: 634px; height: 198px; float: left; position: relative; overflow: hidden; }
.jscarousal-contents-horizontal > div { position: absolute; width: 100%; height: 159px; }
.jscarousal-contents-horizontal > div > div { float: left; margin-left: 4px; margin-right: 2px; }
.jscarousal-contents-horizontal img { width: 149px; height: 112px; border: solid 1px #ccccff; }
/*Horizontal Orientation CSS Ends*/

/*Vertical Orientation CSS Starts*/
.jscarousal-vertical { width: 140px; height: 460px; background-color: #121212; border: solid 1px #7A7677; margin: 0; padding: 0; position: relative; overflow: hidden; }
.jscarousal-vertical-back, .jscarousal-vertical-forward { width: 100%; height: 30px; background-color: #121212; color: White; position: relative; cursor: pointer; z-index: 100; }
.jscarousal-vertical-back { background-image: url(top_arrow.jpg); background-repeat: no-repeat; background-position: bottom; }
.jscarousal-vertical-forward { background-image: url(bottom_arrow.jpg); background-repeat: no-repeat; background-position: top; }
.jscarousal-contents-vertical { overflow: hidden; width: 140px; height: 410px; }
.jscarousal-contents-vertical > div { position: absolute; top: 40px; width: 100%; height: 820px; overflow: hidden; }
.jscarousal-contents-vertical > div > div { width: 140px; height: 125px; margin: 8px; margin-left: 14px; }
.jscarousal-contents-vertical > div > div span { display: block; width: 70%; text-align: center; }
.jscarousal-contents-vertical img { width: 110px; height: 80px; border: solid 1px #7A7677; }
/*Vertical Orientation CSS Ends*/

/*Common*/
.hidden { display: none; }
.visible { display: block; }
.thumbnail-active { filter: alpha(opacity=100); opacity: 1.0; cursor: pointer; }
.thumbnail-inactive { filter: alpha(opacity=20); cursor: pointer; }
.thumbnail-text { color: #7A7677; font-weight: bold; text-align: left; display: block; padding: 10px 2px 2px 0px; width: 150px; }
/*--End Slide bottom-->
/*--Start content--*/
.wrapper-content-left .background-content-01 { width: 482px; height: 73px; background-image: url(../images/content-left-01.png); background-repeat: no-repeat; font-size: 14px; padding: 30px 0px 30px 100px; color: #ffffff; }
.wrapper-content-left .background-content-02 { width: 482px; height: 73px; background-image: url(../images/content-left-02.png); background-repeat: no-repeat; font-size: 14px; padding: 30px 0px 30px 100px; color: #ffffff; }
.wrapper-content-left .background-content-03 { width: 482px; height: 73px; background-image: url(../images/content-left-03.png); background-repeat: no-repeat; font-size: 14px; padding: 30px 0px 30px 100px; color: #ffffff; }
.wrapper-content-left .background-content-04 { width: 482px; height: 73px; background-image: url(../images/content-left-04.png); background-repeat: no-repeat; font-size: 14px; padding: 30px 0px 30px 100px; color: #ffffff; }
.wrapper-content-left .background-content-05 { width: 482px; height: 73px; background-image: url(../images/content-left-05.png); background-repeat: no-repeat; font-size: 14px; padding: 30px 0px 30px 100px; }
.wrapper-content-left a { color: #ffffff; text-decoration: none; font-weight:bold; }
.wrapper-content-left a:hover { color: #F0AD4E; text-decoration: none; }
.wrapper-content-right { margin-left: -7px; border: 2px solid #ccccff; background: #E6F4FF; max-width: 480px; }
.bar-top { max-width: 480px; max-height: 36px; }
.bar-info { max-height: 459px; max-width: 480px; }
.list-group-item { position: relative; display: block; padding: 10px 15px 10px 25px; margin-bottom: -1px; background-color: transparent; border: 1px solid #ddd; background: transparent url(../images/icon6.png) no-repeat center left 10px; }

/*--End content--*/
/*--Start footer--*/
#footer { }
.menu-footer { background-image: url(../images/bg-footer-menu.png); background-repeat: repeat-x; height: 36px; }
.menu-footer .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: none; }
.menu-footer .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #F0AD4E; background-color: Transparent; border: none; border-bottom-color: transparent; cursor: default; }
.nav-fix-bar-footer { height: 36px; overflow: hidden; }
.nav-fix-bar-footer .nav-tabs > li > a:hover { border-color: transparent; background-color: transparent; color: #F0AD4E; }
.nav-fix-bar-footer .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; /* background-color: #eee; */ }
.nav-fix-bar-footer .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; }
.nav-fix-bar-footer a { color: #ffffff; text-decoration: none; }
.nav-fix-bar-footer .nav-tabs.nav-justified > li { border-right: 1px solid #ffffff; }
.nav-fix-bar-footer .nav-tabs.nav-justified > li:last-child { border-right: none; }
.nav-fix-bar-footer .nav > li > a { position: relative; display: block; padding: 0px 5px 0px 5px; }
.nav-fix-bar-footer .nav { margin-bottom: 0; padding-left: 0; list-style: none; margin-top: 10px; }
.footer-info { min-height: 148px; background-image: url(../images/bg-footer-info.png); background-repeat: repeat; color: #ffffff; font-size: 14px; }
/*--End footer--*/
.background-truycap { width: 253px; height: 24px; background-image: url(../images/truy-cap.png); background-repeat: no-repeat; margin: 0px 5px; }
.background-truycap a { color: #ffffff; padding: 2px 97px 5px 97px; font-size: 14px; }
.background-truycap a:hover { color: #F0AD4E; text-decoration: none; }
.title-bar-bottom { height: 30px; color: #ffffff; font-size: 14px; text-transform: uppercase; }
.info-bar-bottom { height: 30px; text-align: center; }
.dropdowlist-bar { width: 260px; height: 25px; }
.margin-bottom-5 { margin-bottom: 5px; }
.carousel-inner { position: relative; overflow: hidden; width: 100%; max-height: 286px; }
.porlet-main { background: #ffffff; padding: 10px; font-size: 14px; }

.fieldRequired { color: #d9534f; }
/*--slide -----------------------------------------*/
/*
 * jQuery Nivo Slider v3.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; }
/* The slices and boxes in the Slider */
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0; }
.nivo-box { display: block; position: absolute; z-index: 5; overflow: hidden; }
.nivo-box img { display: block; }

/* Caption styles */
.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter: alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ }
.nivo-caption p { padding: 5px; margin: 0; }
.nivo-caption a { display: inline !important; }
.nivo-html-caption { display: none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right: 0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { text-align: center; padding: 15px 0; }
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/


#slider-wrapper { width: 100%; height: 100%; margin: 0 auto; }

#slider { position: relative; width: 100%; height: 100%; background: url(../images/loading.gif) no-repeat 50% 50%; }
#slider img { position: absolute; top: 0px; left: 0px; display: none; }
#slider a { border: 0; display: block; }

.nivo-controlNav { position: absolute; left: 430px; bottom: -5px; background-image: url("../images/heightline.gif"); background-repeat: no-repeat; display: none; }
.nivo-controlNav a { display: block; width: 22px; height: 22px; background: url(../images/prev_but_bg.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; display: none; }
#nivo-bg { width: 200px; height: 30px; background-image: url("../images/heightline.gif"); background-repeat: no-repeat; margin: 0 auto; position: relative; display: none; margin-top: -25px; display: none; }
.nivo-controlNav a.active { background-position: 0 -22px; display: none; background: url(../images/prev_but_select.png) no-repeat; }

.nivo-directionNav a { display: block; width: 30px; height: 30px; background: url(../images/arrows.png) no-repeat; text-indent: -9999px; border: 0; }
a.nivo-nextNav { right: -15px; width: 38px; height: 37px; background-image: url(../images/ar2.png); background-repeat: no-repeat; }
a.nivo-prevNav { left: -15px; width: 38px; height: 37px; background-image: url(../images/ar1.png); background-repeat: no-repeat; }

.nivo-caption { text-shadow: none; font-family: Helvetica, Arial, sans-serif; }
.nivo-caption a { color: #efe9d1; text-decoration: underline; }

.product-grid { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; background: #ffffff; border: 1px solid #dedede; position: relative; padding-bottom: 5px; width: 222px; float: left; margin-right: 10px; background: white; padding: 10px 0 20px 0; }
.product-grid:hover { cursor: pointer; }
.img-wrapper { margin: 2px 2px 5px 2px; min-height: 210px; }
.amount { color: #ed2470; font-weight: bold; }
.slider-title { min-width: 100px; text-align: center; }
/*--slide -----------------------------------------*/
.MyAdmin { color: #F0AD4E; }
.DivRow { width: 100%; clear: both; padding-bottom: 5px; }
.DivLabel { color: #000; padding-right: 3px; float: left; width: 233px; padding-left: 15px; padding-top: 8px; }
.DivLabel span { color: #000; font: normal !important; }
.DivTextBox { padding-left: 10px; }
.DivPortlet { width: 100%; clear: both; }
.DivRowPortlet { width: 50%; padding-bottom: 5px; float: left; text-align: right; }
.DivLabelPortlet { color: #000; padding-right: 3px; float: left; width: 170px; padding-left: 5px; }
.DivLabelPortlet span { color: #000; font: normal !important; text-align: right; }
.DivTextBoxPortlet { padding-left: 5px !important; float: left !important; }
.Error { color: #FF0033; padding-left: 15px; padding-bottom: 5px; }
.DivRequired { padding: 0px 0px 10px 0px; }
.myAdmin-inner { }
.myAdmin-inner p { margin: 0px 0px 10px 100px; }
.myAdmin-inner .label { display: inline; padding: .2em .6em .3em; font-size: 100%; font-weight: 100; line-height: 3; color: #000000; text-align: right; white-space: nowrap; vertical-align: baseline; border-radius: .25em; }
.myAdmin-inner .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #f0ad4e; background-color: Transparent; }
.DivRow { width: 100%; clear: both; padding-bottom: 5px; }
.DivRow { width: 100%; clear: both; padding-bottom: 5px; }
.DivLabel { color: #000; padding-right: 3px; float: left; width: 230px; padding-left: 15px; }
.DivLabel span { color: #000; font: normal !important; }
.lblEdit { font: bold 11px Tahoma,Verdana,Arial,Helvetica, sans-serif; color: #4d5e6d; padding: 3px 0px 3px 0px; }
.TextBoxInPut, .TextBox { background: url(../images/bginputform.gif) bottom repeat-x; width: 240px; padding: 3px 3px 5px 3px; /*padding:3px 3px 4px 3px;*/ background: #ffffff; border-top: #b9c0c7 1px solid; border-left: #b9c0c7 1px solid; border-right: #e3e9ef 1px solid; border-bottom: #e3e9ef 1px solid; -moz-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; margin: 2px 0px 2px 0px; }
.TextBoxInPut { width: 100px; }
.TextArea { background: url(../images/bginputform.gif) bottom repeat-x; font-weight: normal; font-size: 12px; background-color: #ffffff; height: 17px; border-top: #b9c0c7 1px solid; border-left: #b9c0c7 1px solid; border-right: #e3e9ef 1px solid; border-bottom: #e3e9ef 1px solid; -moz-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; width: 160px; height: 150px; }
.TextBox:hover { border: 1px solid #9b9b9b; }
.TextBox:focus { border: 1px solid #9b9b9b; background: #fbf8ed; }
.DropDownList { width: 240px; padding: 4px 3px 4px 3px; background: #ffffff; border-top: #b9c0c7 1px solid; border-left: #b9c0c7 1px solid; border-right: #e3e9ef 1px solid; border-bottom: #e3e9ef 1px solid; border-collapse: collapse border=1; -moz-box-sizing: border-box; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) inset; margin: 2px 0px 2px 0px; }
.Invisible { display: none; }
/**box-create
=======================================================**/
.box-create { padding: 15px; }
.title-create { font-size: 16px; font-weight: bold; }
.divline_form { font-size: 18px; font-weight: bold; }
INPUT[disabled], SELECT[disabled], TEXTAREA[disabled], INPUT[readonly], SELECT[readonly], TEXTAREA[readonly] { cursor: not-allowed; background-color: #EEE; }
.box-login { padding: 15px; }
.title-login { font-size: 16px; font-weight: bold; }
.bgtitle_porletcate { background: #036ebb; height: 40px; border-radius: 3px; text-align: center; padding-top: 10px; }
.bgtitle_porletcate a:hover { text-decoration: none; }
.bgtitle_porletcate a { color: #ffffff; font-weight: bold; }
.BoxField { border: 1px dot #f3f3f3; }
.texttitle_porletright_view { font-size: 16px; font-weight: bold; }
/*CSS Data grid*/

.GridBorder { border-collapse: collapse; border: #b5cce3 1px solid; }
.GridBorder tr td { border-collapse: collapse; border: #b5cce3 1px solid; }

.GridBorder th { border-collapse: collapse; border: #f3f3f3 1px solid; }
.GridBorder th { text-align: center; }

.GridHeader { font: bold 11px Tahoma,Arial, Helvetica, sans-serif; color: #ffffff; padding: 5px 0px 5px 5px; background: #036ebb top left repeat-x; height: 28px; border: #b5cce3 1px solid; }

.GridRow { font: normal 11px Tahoma,Arial, Helvetica, sans-serif; color: #000000; padding: 5px 0px 5px 5px; height: 25px; border: #b5cce3 1px solid; }
.GridRow A { color: #000000; text-decoration: none; }
.GridRow A:hover { color: #0023ff; text-decoration: none; }

.GridAlterRow { font: normal 11px Tahoma,Arial, Helvetica, sans-serif; color: #000000; padding: 5px 0px 5px 5px; background-color: #eff6fc; height: 25px; border: #b5cce3 1px solid; }
.GridAlterRow A { color: #000000; text-decoration: none; }
.GridAlterRow A:hover { color: #0023ff; text-decoration: none; }

.tbl_SelectedRow { font: normal 11px Tahoma,Arial, Helvetica, sans-serif; color: #0023ff; padding: 5px 0px 5px 5px; background-color: #c5dff8; border: #b5cce3 1px solid; }
.tbl_SelectedRow A { color: #0023ff; text-decoration: none; }
.tbl_SelectedRow A:hover { color: #0023ff; text-decoration: none; }
/*end css datagrid*/

.col_680 { float: left; width: 650px; }
.rowmain_680 { float: left; width: 650px; }
.title_porlet680 { width: 650px; height: 28px; background: url(../images/title_porlet780.png) no-repeat; }
.mid_porlet680 { background: url(../images/mid_porlet780.gif) repeat-y; }
.bottom_porlet680 { background: url(../images/bottom_porlet780.png); height: 23px; }
.imgProduct { float: left; padding-right: 3px; }
div.paginationEMP { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 93%; text-align: right; margin: 15px 0px 5px 0px; height: 22px; padding: 4px 0px 0px 0px; font-size: 11px; width: 100%; }

.paginationEMP a { text-decoration: none !important; }

div.paginationEMP span { background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fdfdfd), color-stop(1, #eeeeee) ); background: -moz-linear-gradient( center top, #fdfdfd 5%, #eeeeee 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eeeeee'); background-color: #eee; margin-right: 3px; padding: 3px 7px; color: #333; -moz-transition: all 0.3s ease-out 0s; border: 1px solid #a6c8ec; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; cursor: pointer; text-decoration: none; -moz-box-shadow: 0 1px 1px #ccc; -webkit-box-shadow: 0 1px 1px #ccc; font: normal 12px Arial,Helvetica, sans-serif; }
div.paginationEMP span a { text-decoration: none; color: #255ecc; }
div.paginationEMP span.current a { text-decoration: none; color: #fff; }
div.paginationEMP span a:hover { color: #df1818; text-decoration: underline; }
div.paginationEMP span.current { font-weight: bold; text-decoration: underline; }
/* het phan trang luoi */
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 4px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; }
/* end class taber */
.box_content_salon { float: left; width: 978px; margin: 0px 0px 0px 0px; }
.cell_salonoto { float: left; width: 232px; height: 205px; margin: 10px 0px 0px 10px; background: #f2f2f2; }
.cell_salonoto_vip { float: left; width: 232px; height: 200px; margin: 10px 0px 0px 10px; background: #def4ff; }
.inner_salonoto { float: left; width: 226px; height: 200px; margin: 0px 6px 6px 0px; background: #ffffff; border: 1px solid #d7d7d7; overflow: hidden; }
.inner_salonoto:hover { border: solid 1px #2884e7; text-decoration: none; }
.row_salonoto_1 { float: left; text-align: center; width: 226px; height: 40px; }
.row_salonoto_2 { float: left; text-align: center; width: 226px; height: 100px; }
.left_cell_1 { float: left; text-align: center; width: 126px; }
.right_cell_1 { float: left; text-align: center; width: 100px; }
.thumb_salon { float: left; width: 82px; height: 67px; margin: 10px 0px 0px 10px; background: #f2f2f2; }
.inner_thumb_salon { float: left; width: 78px; height: 64px; margin: 0px 6px 6px 0px; background: #ffffff; border: 1px solid #d7d7d7; cursor: pointer; cursor: hand; text-align: center; overflow: hidden; }
.inner_thumb_salon:hover { border: solid 1px #2884e7; text-decoration: none; }
.inner_thumb_salon img { padding: 2px 0px 0px 2px; }
.title_salon { font: bold 12px Arial,Helvetica, sans-serif; color: #0066cc; padding: 10px 10px 3px 10px; text-align: left; vertical-align: middle; }
.title_salon a { color: #0066cc; text-decoration: none; }
.title_salon a:hover { color: #f50b04; text-decoration: none; }
.title_salon span { font: bold 12px Arial,Helvetica, sans-serif; color: #757575; }
.desc_salon { font: normal 11px Arial,Helvetica, sans-serif; color: #757575; padding: 0px 10px 3px 10px; text-align: left; }
.row_salonoto_3 { float: left; font: normal 11px Arial,Helvetica, sans-serif; color: #757575; padding: 0px 10px 3px 10px; text-align: justify; }
.column_centercontent_left { float: left; width: 690px; margin: 0px 0px 0px 0px; }
/* div pages */
.wrapper-hyperlink { width: 225px; height: 199px; display: inline-block; position: absolute; }
.wrapper-hyperlink:hover { border: solid 1px #2884e7; text-decoration: none; }
.logo_salon { display: block; float: left; margin: 0px 0px 0px 0px; position: relative; text-align: left; text-decoration: none; top: 0px; left: 0px; height: 90px; }
.name_salon { font: bold 36px Arial,Helvetica, sans-serif; color: #2a83e7; text-align: center; vertical-align: middle; text-transform: uppercase; }
.name_salon a { color: #2a83e7; text-decoration: none; }
.name_salon a:hover { color: #f50b04; text-decoration: none; }

.box-support { margin-right: -15px; }
.inner-body { margin: -10px; }
.box-skype { margin-bottom: 5px; text-align: center; }
.box-yahoo { margin-bottom: 5px; text-align: center; }
.box-title-phone { margin-bottom: 5px; color: red; font-size: 18px; font-weight: bold; text-align: center; border-bottom: 1px solid #f3f3f3; }
.box-phone { margin-bottom: 5px; color: red; font-size: 18px; /* font-weight: 800; */ text-align: center; }
.panel-primary > .panel-heading { color: #fff; background-color: #0B71C5; border-color: #428bca; }
.StoreBanner { background: url(../images/DoanhNghiep.png) no-repeat; width: 980px; height: 90px; text-align: left; padding: 30px 10px 10px 189px; }
.myAdmin-inner .panel-heading { padding: 10px 15px; border-bottom: none; border-top-right-radius: 3px; border-top-left-radius: 3px; }
.panel-corner { background: url("../images/panel-corner.png") top right #fff no-repeat; padding: 16px; margin-top: 10px; padding-top: 5px; }
.box-seach-storelist { height: 40px; text-align: center; }
.box-support .panel-title { margin-top: 0; margin-bottom: 0; font-size: 14px; color: #0B66BA; }
.panel-title { margin-top: 0; margin-bottom: 0; font-size: 18px; color: #0B66BA; font-weight: bold; }
a.active { color: #f0ad4e; font-weight: bold; }
.row-titlemain { width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #e3e3e3; min-height: 25px; position: relative; }
.text-titlemain { font: bold 16px Arial,Helvetica, sans-serif; color: #333333; padding: 3px 0px 0px 0px; text-align: left; vertical-align: middle; text-transform: uppercase; margin: 0px 0px 0px 0px; }
.text-content { font: normal 12px Arial,Tahoma,Arial; color: #333333; text-align: justify; vertical-align: middle; line-height: 18px; padding: 10px 0px 0px 0px; width: 100%; }
.border_bottom_news { width: 100%; color: #666666; text-align: right; border-bottom: 1px solid #c7d8f6; padding: 5px 5px 5px 0px; clear: both; font: bold 12px Arial,Helvetica, sans-serif; }
.label_othernews { text-align: left; font: bold 14px Arial,Helvetica, sans-serif; color: #303030; padding: 8px 0px 8px 0px; vertical-align: middle; text-transform: none; text-transform: uppercase; }
.list-views { float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.list-views ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.list-views li { list-style-image: none; background-image: url(../images/icon_list.png); background-repeat: no-repeat; vertical-align: middle; background-position: 3px 8px; padding: 5px 5px 3px 18px; text-indent: 0px; margin: 0 0 0px 0; font: normal 12px Arial, Helvetica, sans-serif; color: #444444; text-align: left; }

.list-views li a { text-decoration: none; font: normal 12px Arial, Helvetica, sans-serif; color: #444444; padding: 0px 3px 0px 0px; }

.list-views li a:hover { text-decoration: underline; font: normal 12px Arial, Helvetica, sans-serif; color: #ff0000; }
.list-views span { font: normal 11px Arial,Tahoma, Helvetica, sans-serif; color: #606060; }
.myAdmin-inner .panel-heading { background-color: #007dcf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 2px; border: 1px solid #0374be; display: inline-block; /* cursor: pointer; */ color: #ffffff; font: bold 14px Arial, Helvetica, sans-serif; padding: 3px 6px; text-decoration: none; margin-bottom: 10px; }
.icon_arrow_sub { width: 15px; height: 7px; padding: 0px; margin: 0px 0px 0px 0px; left: 20px; top: 32px; position: absolute; background: url(../../images/icon_arrowtitle.png) no-repeat left bottom; }
.row_subtitle { width: 97%; padding: 0px; margin: 10px 1.5% 10px 1.5%; border-bottom: 1px solid #e3e3e3; height: 32px; position: relative; }
.texttitle_sub { font: bold 14px Arial,Helvetica, sans-serif; color: #2c2c2c; padding: 10px 0px 5px 0px; text-align: left; vertical-align: middle; text-transform: none; margin: 0px 0px 0px 0px; }
.link_expand { color: #008aff; font: normal 12px Arial,Helvetica, sans-serif; text-align: left; padding: 5px 10px 5px 10px; }
.link_expand a { color: #008aff; text-decoration: none; }
.link_expand a:hover { color: #ff0000; text-decoration: underline; }
.link_expand a.active { color: #ff0000; text-decoration: underline; }
.text_inputright td { color: #007dcf; font: normal 12px Arial, Helvetica, sans-serif; padding: 0 0px; line-height: 28px; margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; text-align: left; }
/*=========== box new ====================================*/
.box-wrapper-new { width: 980px; }
.box-new-left { width: 694px; float: left; margin-top: 0px; }
.box-new-right { width: 278px; margin-left: 8px; float: right; }
.more-articles { text-align: right; }
.row_itemnewsNew { border-bottom: 1px solid #e3e3e3; margin-top: 10px; }
.desc_itemnews { width: 210px; float: left; margin-right: 10px; }
.title-news a { color: #428bca; text-decoration: none; font-size: 16px; }
/*=========== box new ====================================*/
/*=========== box VBPQ ===================================*/
.mainDiv_center { }
.btnOrange_large { float: left; margin-left: 14px; margin-top: 5px; }
/*=========== box VBPQ ===================================*/


/*nghiavt add 01/11*/
.wrapper_pages { width: 100%; min-width: 1000px; margin: 0 auto; align: center; position: relative; background: url(../images/background.jpg) top center no-repeat; height: 100%; }
.mainpages { margin: 0px 0px 0px 0px; position: relative; align: center; text-align: center; height: 100%; }

.row_toppages { width: 100%; height: 30px; margin: 0 auto; position: relative; background: url(../images/bg_toppage.png) top left repeat-x; }
.width_pages { clear: both; margin: 0 auto; position: relative; width: 990px; align: center; text-align: center; }
.left_top { float: left; width: 40%; /*min-width:300px;*/ height: 100%; }
.right_toppages { float: right; /*width:60%;*/ }
.bg_language_l { float: left; background: url(../images/bg_language_l.png) top left no-repeat; width: 25px; height: 30px; }
.bg_language_m { float: left; background: url(../images/bg_language_m.png) top left repeat-x; width: auto; height: 30px; }
.bg_language_r { float: left; background: url(../images/bg_language_r.png) top left no-repeat; width: 25px; height: 30px; }

.linktop { float: right; font: normal 11px Tahoma,Arial, Helvetica, sans-serif; text-transform: none; color: #ffffff; margin: 0px 0px 0px 0px; padding: 8px 20px 0px 15px; }
.linktop a { color: #ffffff; text-decoration: none; font-size: 11px; }
.linktop a:hover { color: #ffe000; text-decoration: none; }
.linktop span { font: bold 11px Tahoma,Arial, Helvetica, sans-serif; text-transform: none; color: #ffdf00; }
.linktop_room { font: bold 11px Tahoma,Arial, Helvetica, sans-serif; text-transform: none; padding: 0px 5px 0px 5px; color: #ffffff !important; }
.text_date { margin: 0px 5px 0px 5px; float: left; padding: 8px 0px 5px 0px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; }
.text_hours { margin: 0px 0px 0px 0px; float: left; text-align: left; padding: 8px 0px 5px 0px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffdc46; }


.UpdateProgressContent { text-align: center; vertical-align: bottom; z-index: 9999; position: fixed; top: 35%; left: 35%; width: 350px; }
.UpdateProgressBackground { margin: 0px; padding: 0px; top: 0px; bottom: 0px; left: 0px; right: 0px; position: fixed; z-index: 1000; background-color: #cccccc; filter: alpha(opacity=70); opacity: 0.7; }


/* Field requires alert */
span .fieldRequired { color: #DD0000; }
.fieldRequired { background-attachment: scroll; background-color: transparent; background-image: url("../images/required.gif"); background-position: center; background-repeat: no-repeat; color: #DD0000; padding-bottom: 0px; padding-left: 8px; padding-right: 5px; padding-top: 0px; }

.tabs_manage { float: left; width: 100%; background: #e4effa; font-size: 93%; line-height: normal; border-bottom: 1px solid #BCD2E6; }
.tabs_manage ul { margin: 0; padding: 5px 10px 0 10px; list-style: none; }
.tabs_manage li { display: inline; margin: 0; padding: 0; }
.tabs_manage a { float: left; background: url("../images/tableft.gif") no-repeat left top; margin: 0; padding: 0 0 0 4px; text-decoration: none; }
.tabs_manage a span { float: left; display: block; background: url("../images/tabright.gif") no-repeat right top; padding: 5px 15px 4px 6px; color: #032a6b; font: bold 11px Tahoma,Arial, Helvetica, sans-serif; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs_manage a span { float: none; }
/* End IE5-Mac hack */
.tabs_manage a:hover span { color: #005eea; font: bold 11px Tahoma,Arial, Helvetica, sans-serif; }
.tabs_manage a:hover { background-position: 0% -42px; }
.tabs_manage a:hover span { background-position: 100% -42px; }

.tabs_manage .current_manage a { background-position: 0% -42px; color: #005eea; }
.tabs_manage .current_manage a span { background-position: 100% -42px; color: #005eea; }

.tabs_state { padding: 0px 5px 0px 10px; color: #032a6b; font: bold 11px Tahoma,Arial, Helvetica, sans-serif; }

a.current_manage { background-position: 0% -42px !important; color: #005eea !important; }
span.current_manage { background-position: 100% -42px !important; color: #005eea !important; }
.DivLabelSearch { float: left; padding: 5px 5px 0px 20px; width: 200px; text-align: right; }

/*  het class tab quan tri */

.bgcontent_porletinfo { margin: 0px 0px 0px 0px; width: 100%; background: #ffffff; /* border: solid 1px #dcdcdc; */ -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }


/*  list product */
.floor .list-product-floor { float: left; padding: 0 0px 0 0px; width: 100%; margin: 10px 0px 10px 0px; }
.floor .list-product-floor .small-item { float: left; height: 250px; width: 330px; margin: 0 auto; padding: 0 0 0 0px; margin: 10px 5px 0px 0px; position: relative; background: #f2f2f2; }

.floor .list-product-floor .small-item .box-item { border: 1px solid #d7d7d7; margin: 0px 5px 5px 0px; height: 245px; width: 325px; background: #ffffff; position: relative; }
.floor .list-product-floor .small-item .box-item .thumb-imgpromain img { text-align: center; margin: 5px 0px 0px 42px; }


.floor .list-product-floor .small-item .box-item .title-promain { font: bold 12px Arial,Helvetica, sans-serif; color: #0086e3; padding: 3px 10px 3px 10px; text-align: center; vertical-align: middle; }
.floor .list-product-floor .small-item .box-item .title-promain a { color: #0086e3; text-decoration: none; }
.floor .list-product-floor .small-item .box-item .title-promain a:hover { color: #f95f07; text-decoration: none; }
.floor .list-product-floor .small-item .box-item .note-infopro { font: normal 12px Arial,Helvetica, sans-serif; color: #d7d7d7; padding: 3px 10px 3px 10px; text-align: center; vertical-align: middle; }
.floor .list-product-floor .small-item .box-item .price-promain { font: normal 12px Arial,Helvetica, sans-serif; color: #757575; padding: 3px 0px 3px 0px; text-align: center; vertical-align: middle; }
.floor .list-product-floor .small-item .box-item .price-promain span { font: bold 12px Arial,Helvetica, sans-serif; color: #f95f07; }

.floor .list-product-floor .small-item .box-item .saleoff .text-saleoff { font: bold 12px Arial,Helvetica, sans-serif; color: #ffffff; padding: 5px 5px 5px 5px; text-align: center; vertical-align: middle; }

.title_product_salon { font: bold 12px Arial,Helvetica, sans-serif; color: #0066cc; padding: 5px 10px 3px 10px; text-align: center; vertical-align: middle; }


.title_product_salon a { font: 16px Arial,Helvetica, sans-serif; color: #0066cc !important; padding: 0px 3px 0px 3px; text-decoration: none; }

.floor .list-product-floor .small-item .box-item:hover { background: #ddf1fd; cursor: pointer; }

.SoDienThoai { font: bold 14px Arial, Helvetica, sans-serif; color: #f10000; }

/* div pages */
.pagination { float: right; color: #333333; margin: -20px 10px 5px 0px; padding: 0px; font: normal 11px Arial,Helvetica, sans-serif; }

.pagination ul { margin: 0px; padding: 5px 0px 10px 0px; text-align: center; /*Set to "right" to right align pagination interface*/ }

.pagination li { font: normal 11px Arial,Helvetica, sans-serif; color: #333333; list-style-type: none; display: inline; padding-bottom: 1px; }

.pagination a, .pagination a:visited { padding: 3px 6px 3px 6px; border: 1px solid #ffffff; text-decoration: none; color: #333333; }

.pagination a:hover, .pagination a:active { color: #ffffff; border: 1px solid #f0ad4e; background-color: #f0ad4e; }

.currentpage { font: normal 11px Arial,Helvetica, sans-serif; color: red !important; font-weight: bold; }
.pagination li.disablepage { padding: 3px 6px 3px 6px; border: 1px solid #a6d3ff; color: #757575; }
.pagination li.nextpage { font: normal 11px Arial,Helvetica, sans-serif; color: #000000; font-weight: normal; }

/*   het div pages */
.hotline { background: url(../images/icons.png) no-repeat left top; font: 13px/20px Arial, Helvetica, sans-serif; color: #585858; padding-left: 15px; }

/*========hotro========================================*/
.Parent { }
.Number { float: left; }
.NumberTitle { float: left; margin-left: 10px; }
/*========hotro========================================*/
.text_sumbottom { float: left; margin: 5px 0px 0px 10px; }
div.row_paging_ListByCat { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 93%; text-align: right; margin: 15px 0px 5px 8px; height: 22px; /* padding: 4px 0px 0px 0px; */ font-size: 11px; width: 100%; border-top: 1px solid #e3e3e3; width: 98%; }
.EmailSupport { border-bottom: 1px solid #e3e3e3; margin-top: 10px; padding-left: 20px; background-image: url(../../images/icon_e.gif); background-repeat: no-repeat; }
.HotlineSupport { border-bottom: 1px solid #e3e3e3; margin-top: 10px; padding-left: 20px; background-image: url(../../images/icon_e.gif); background-repeat: no-repeat; }


/*Product detail*/
.noi-bac-box { width: 355px; background: #f6f6f6; padding: 10px; float: left; height: 328px; }
.noi-bac-box div { border-bottom: 1px solid #dbdbdb; text-transform: uppercase; color: #111; width: 100%; font-size: 13px; font-weight: bold; margin-bottom: 12px; }
.noi-bac-box ul li { background: url(../images/icons.png) no-repeat left -356px; padding-left: 7px; line-height: 24px; color: #555; }
.noi-bac-box p { line-height: 24px; color: #555; }
/*Detail col left*/
.detail-left { float: left; width: 964px; }
.product_detail_left { float: left; margin-top: 4px; text-align: justify; width: 350px; }
.product_detail_right { float: left; width: 350px; }
.product_detail_right .title-product { color: #ed2470; font: 16px/25px Arial, Helvetica, sans-serif; }

.product_detail_right .price-buy { font-size: 14px; position: relative; }
.product_detail_right .price-buy p { width: 100%; float: left; line-height: 30px; }
.product_detail_right .price-buy p label { width: 88px; float: left; }
.product_detail_right .price-buy p span { width: 180px; float: left; text-decoration: line-through; color: #ccc; }
.product_detail_right .price-buy div { width: 100%; float: left; line-height: 30px; }
.product_detail_right .price-buy div label { width: 88px; float: left; }
.product_detail_right .price-buy div span { color: #ed2470; font-weight: bold; float: left; margin-right: 10px; }
.product_detail_right .price-buy div strong { color: #000; float: left; }
.product_detail_right .price-buy .buttons { position: absolute; top: 10px; left: 340px; width: 250px; }
.note_product_img_detail { background: #f5f5f5 url(../images/input.png) no-repeat -246px -64px; width: auto; font: 11px/24px Arial,Helvetica,sans-serif; color: #777; }
.Break { height: 5px; }
.RaoVatImageThumb { width: 324px; }
ul.list-product { list-style: none; }
ul.list-product li { width: 234px; float: left; }
ul.list-product h1, ul.list-product .h1 { font-size: 16px; }
ul.list-product a:hover, ul.list-product a:focus { color: #2a6496; }
div.style-chitiet {
border-bottom: 1px solid #dbdbdb;
text-transform: uppercase;
color: #111;
width: 100%;
font-size: 13px;
font-weight: bold;
margin-bottom: 12px;
}
.ui-tabViewNav {
width: 100%;
height: 30px;
/* border-bottom: 1px solid #cccccc; */
/* padding-bottom: 2px; */
list-style: none;
}
.ui-tabViewNav a{text-transform:uppercase;color:#777777;}.
ui-tabViewNav li.selected{background-color:white;color:#444444; }
	

.ui-listItemBorder 
.ui-listItem{border:1px solid}
.ui-listBulleted{list-style-type:disc;margin-left:13px}
.ui-tabViewNav>li{float:left;border:1px solid #cccccc;margin:0 3px 3px 0;*padding-bottom:1px;background-color:White;border-bottom:0;}
.ui-tabViewNav a{height:31px;font-size:11px; line-height:31px;padding-left:15px;padding-right:15px;}
.ui-tabViewNav li.selected{background-image:url(../images/tabs.jpg);background-repeat:repeat-x; font-weight:bold;}
.ui-tabViewNav li.selected a{color:#F0AD4E;}
.ui-tabViewContent {
min-height: 100px;
height: auto !important;
height: 100px;
width: 100%;
float: left;
/* padding: 15px; */
margin-top: -8px;
}

/*Hiệu ứng tab*/